/**
 * BFC是指"块级格式化上下文"（Block Formatting Context）。它是CSS中的一个重要概念，用于描述在页面布局时，块级元素如何相互影响和定位的一种规范机制，常用于解决布局问题，如清除浮动、防止外边距合并等。
 * @see https://juejin.cn/post/7372757076937064483?searchId=202410081506355668FADFA693124C0001
 */
export default function Bfc() {
  return (
    <main>
      <div className="w-40 h-40 bg-orange-200 flex">
        <div className="mt-8 w-24 h-24 bg-red-500">子元素</div>
      </div>
    </main>
  );
}
